<template>
  <view class="column-wrap">
    <SingleColumn :data="data" v-if="columns == 1" />
    <MultipleColumn :data="data" v-else />
  </view>
</template>

<script setup lang="ts">
import SingleColumn from "./SingleColumn.vue";
import MultipleColumn from "./MultipleColumn.vue";

defineProps({
  data: {
    type: Object,
    default: () => {}
  },
  columns: {
    type: Number,
    default: 1
  }
})
</script>
<style lang="scss">
.column-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
</style>